<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 3、外部样式，是推荐的方式 -->
		<link rel="stylesheet" type="text/css" href="css/my.css"/>
		<!-- 2、内部样式，也不推荐这样写，一般做练习使用这种方式 -->
		<style type="text/css">
			/* 标签选择器,选择页面上所有的h1标签 */
			h1{
				text-decoration: underline;
				font-size: 20px;
			}
			/* 类选择器  class="blue" */
			.blue{
				color: blue;
			}
			/* 标签的id在页面上是唯一的,一般在css中不用id选择器，id一般是在js*/
			#test{
				background-color: yellow;
			}
		</style>
	</head>
	<body>
		<!-- 1、内嵌样式，不推荐这样使用 -->
		<h1 style="color: red;">高老师</h1>
		<h1 class="blue big-font" >王老师</h1>
		<h1 id="test" class="blue">李老师</h1>
	</body>
</html>
